<template>
  <FormComp
    labelWidth="120"
    :form-item="formItem"
    v-model:formData="formData"
  ></FormComp>
</template>

<script setup lang="ts">
import FormComp from '@/components/form/form.vue'
import { ref } from 'vue'
import { FormItemType } from '@/components/form/type'

const formItem = ref<FormItemType[]>([
  { type: 'input', label: '课题组名称：', prop: 'name1' },
  { type: 'input', label: '大学名称：', prop: 'name2' },
  { type: 'input', label: '院系名称：', prop: 'name3' },
  { type: 'input', label: '链接：', prop: 'name4' },
  { type: 'select', label: '选择国家/地区：', prop: 'name5' },
  { type: 'select', label: '语言选择：', prop: 'name6' },
  { type: 'select', label: '创建人角色：', prop: 'name7' },
])
const formData = ref({
  name1: '',
  name2: '',
  name3: '',
  name4: '',
  name5: '',
  name6: '',
  name7: '',
})
</script>

<style scoped></style>
